<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>微信平台综合系统</title>
	<script>
		// window.nodeRequire = require;
		// delete window.require;
		// delete window.exports;
		// delete window.module;
	</script>
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script>
		if (typeof module === 'object') {
			window.jQuery = window.$ = module.exports;
		}
		;
	</script>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style>
		html, body {
			height: 100%;
			margin: 0;
			padding: 0;
		}
		
		#top {
			max-height: 60px;
			min-height: 60px;
			background-color: gray
		}
		
		#main {
			height: calc(100% - 60px);
			display: flex;
			justify-content: flex-start;
			align-items: center;
			overflow: hidden
		}
		
		#left {
			height: 100%;
			max-width: 150px;
			min-width: 150px;
			background-color: bisque;
			border-right: 1px solid gray;
		}
		
		#center {
			height: 100%;
			width: calc(100% - 150px);
			background-color: aqua
		}
		
		#index_nickname {
			text-align: center;
		}
		
		#index_signature {
			font-size: 12px;
		}
	</style>
</head>
<body>
<div id="top">
	微信CRM系统
</div>
<div id="main">
	<div id="left">
		<h4 id="index_nickname"></h4>
		<div id="index_signature"></div>
		<img id="login" src="" width="148" height="148"/>
		<ul>
			<li></li>
			<li></li>
		</ul>
	</div>
	<div id="center">
		<ul id="myTab" class="nav nav-tabs">
			<li class="active">
				<a href="#home" data-toggle="tab">聊天窗口</a>
			</li>
			<li><a href="#ios" data-toggle="tab">地图展示</a></li>
			<li><a href="#putt" data-toggle="tab">爬虫</a></li>
			<li class="dropdown">
				<a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">更多<b class="caret"></b></a>
				<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
					<li><a href="#jmeter" tabindex="-1" data-toggle="tab">jmeter</a></li>
					<li><a href="#ejb" tabindex="-1" data-toggle="tab">ejb</a></li>
				</ul>
			</li>
		</ul>
		<div id="myTabContent" class="tab-content" style="height:calc(100% - 45px);border:0px solid red">
			<div class="tab-pane fade  in active" id="home" style="height:100%;border:0px solid red">
				<webview src="webot/index.html" style="height:100%"></webview>
			</div>
			<div class="tab-pane fade" id="ios" style="height:100%;border:0px solid red">
				<webview id="foo" src="map/baidu.html" style="height:100%"></webview>
			</div>
			<div class="tab-pane fade" id="putt" style="height:100%;border:0px solid red">
				<webview src="request/index.html" style="height:100%" nodeintegration></webview>
			</div>
			<div class="tab-pane fade" id="jmeter">
				<div id="toppputer">sdfgsdfgsdfgsdfgsdfg</div>
			</div>
			<div class="tab-pane fade" id="ejb">
				<p>Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。 </p>
			</div>
		</div>
	</div>
</div>
<script>
	// You can also require other files to run in this process
	// require('./renderer.js')
	// require('./mybot.js')
	// require('./webot/weixinbot.js')
	// require('./webot/weichaty.js')
	// require('./test/1.js')
	// require('./request/req.js')
	// require('./request/puppter.js')
	// require('./request/imoocpromise.js')
	// require('./http/index.js')
	// console.log(process)
</script>
</body>
</html>
